// Element Plus 样式覆盖
:deep(.el-input__wrapper) {
  .el-input__inner {
    border: none;

    &:focus {
      outline: none;
    }
  }
}

// 数字输入框特殊处理
:deep(.el-input-number) {
  .el-input__inner {
    text-align: left;
    padding-right: 0;
  }
}

// 移除选择框的勾选图标
.el-select {
  .el-input__wrapper {
    padding-right: 30px !important;
  }

  // 移除下拉箭头
  .el-input__suffix {
    display: none;
  }
}

.el-select-dropdown {
  .el-select-dropdown__item {
    padding-right: 20px !important;

    &.selected {
      padding-right: 20px !important;

      &::after {
        display: none !important;
      }
    }
  }
}

// 分页器下拉框向上弹出
.pagination-select-dropdown {
  margin-top: 0 !important;
  margin-bottom: 8px !important;

  // 移除下拉框的遮罩层
  &.el-overlay {
    background-color: transparent !important;
  }

  // 调整下拉框本身的样式
  &.el-select-dropdown {
    background-color: var(--el-bg-color) !important;
  }

  &.el-popper[x-placement^='bottom'] {
    transform-origin: center top !important;
  }

  &.el-popper[x-placement^='top'] {
    transform-origin: center bottom !important;
  }

  .el-select-dropdown__wrap {
    max-height: 274px;
  }
}

// 按钮内容居中对齐
.el-button {
  &.add-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 8px 16px;
    line-height: 1;

    .el-icon {
      margin: 0;
    }
  }
}

/* 对话框遮罩层样式 */
.centered-dialog {
  display: flex;
  align-items: center;
  justify-content: center;

  .el-overlay-dialog {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
